<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">


<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
    <link rel="stylesheet" type="text/css" th:href="@{{path}/common/v3/summernote/summernote-bs3.css?v={v}((path=${staticPath},v=${v})}">
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInLeft">
    <div data-th-replace="common/functionDepict"></div>

    <div class="ibox-title">
        <div class="row">
            <div class="col-sm-5">
                <h5>
                    <span>话题详细内容</span>
                </h5>
            </div>
        </div>
    </div>

    <div class="oc-ibox-content" id="topic-context">
        <div class="ml10 mr10">
            <div class="table-responsive" style="margin-left: 20px;">
                <blockquote>
                    <div class="media">
                        <div class="media-left">
                            <span>
                                    <th:block th:if="${topic['createUser']}!=null and ${topic['createUser']['imageMap']}!=null">
                                <img class="media-object" th:src="${topic['createUser']['imageMap']['pcUrlMap']['large']}" style="width: 48px; height: 48px;"  data-holder-rendered="true">
                                </th:block>
                                 <th:block th:if="${topic['createUser']}==null or (${topic['createUser']['imageMap']}==null and  ${topic['createUser']['avatar']}==null)">
                                  <img class="media-object" data-src="holder.js/64x64" alt="64x64" style="width: 48px; height: 48px;" th:src="${staticPath}+'/front/web/v3/img/default/default-face.gif'" data-holder-rendered="true">
                                </th:block>
                                 <th:block th:if="${topic['createUser']}!=null and ${topic['createUser']['avatar']}!=null and ${topic['createUser']['avatar']}!='' and ${topic['createUser']['imageMap']}==null ">
                                  <img class="media-object" style="width: 48px; height: 48px;" th:src="${topic['createUser']['avatar']}" data-holder-rendered="true">
                                </th:block>
                            </span>
                        </div>
                        <div class="media-body" style="display: table-cell">
                            <h3 class="media-heading">
                                <span class="label label-info" th:text="${topic['topicTypeName']}"></span>
                                <span class="fs18" th:utext="${topic['title']}"></span>
                            </h3>
                            <section class="mt10 c-999">
                                <span>关联班级：</span>
                                <span th:text="${topic['classes']['name']}"></span>
                                <span class="ml10">查看：</span>
                                <span th:text="${topic['lookNum']}"></span>
                                <span class="ml10">阅读：</span>
                                <span th:text="${topic['replyNum']}"></span>
                                <span class="ml10">点赞：</span>
                                <span th:text="${topic['likeNum']}"></span>
                            </section>
                            <section class="mt10" th:utext="${topic['content']}"></section>

                            <div class="photos" th:if="${!#strings.isEmpty(topic['topicImages']) and #strings.listSplit(topic['topicImages'], ',').size() > 0}">
                                <img style="width: auto;" class="feed-photo"  th:each="image : ${#strings.listSplit(topic['topicImages'], ',')}" th:src="${image}"/>
                            </div>
                        </div>
                    </div>

                </blockquote>
            </div>
        </div>
    </div>

    <div>
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <div class="row">
                    <div class="col-sm-5">
                        <h5>
                            <button id="refresh" class="btn btn-white" data-toggle="tooltip" data-placement="top" title="" data-original-title="刷新话题回复列表"><i class="fa fa-refresh"></i> 刷新</button>
                            <small>（共<span id="count"></span>个回复）</small>
                        </h5>
                    </div>

                    <div class="col-sm-3">
                        <form id="search-form" role="form" class="search-form">
                            <div class="input-group opSearchBox">
                                <input placeholder="请输入回复者手机、邮箱"  name="keyword" class="input-sm form-control vam common-search-word" type="text">
                                <span class="input-group-btn"><button type="button" class="btn btn-sm btn-primary vam" id="btn1">搜索</button> </span>
                            </div>
                        </form>
                    </div>
                    <div class="col-sm-2 text-center">
                        <a href="javascript:void(0)" id="advSearchshowBtn" class="pt10 inlineBlock vam">高级搜索操作 <i class="fa fa-angle-double-down"></i></a>
                    </div>
                </div>
            </div>

            <div class="oc-advSearch-box">
                <div class="row">
                    <div class="col-sm-8">
                        <div class="pt10">
                            <form  role="form" class="form-inline search-form">
                                <div class="form-group" style="margin-bottom: 10px">
                                    <input placeholder="请输入回复者手机、邮箱" class="form-control common-search-word" type="text">
                                </div>
                                <button class="btn btn-w-m btn-primary" id="btn2" type="button" style="margin-bottom: 10px">搜索</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="oc-ibox-content">
                <div id="oc-ibox-content" class="ml10 mr10"></div>
            </div>
        </div>
    </div>
</div>

<input hidden id="id" th:value="${topic['id']}" />
<div data-th-replace="layout/head-footer"></div>
<script type="text/javascript" th:src="@{{path}/admin/business/classes/topic/preview-topic.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>